<template>
  <div id="app">
    <v-nav></v-nav>
    <router-view/>
    <v-footer></v-footer>
  </div>
</template>

<script>
import Nav from '@/components/Nav.vue'
import Footer from '@/components/Footer.vue'
export default {
  name: 'App',
  components: {
    'v-nav': Nav,
    'v-footer': Footer
  }
}
</script>

<style>
body {
    background-color: #F2F2FB70 !important;
}

::-webkit-scrollbar {
    width: 5px;
    z-index: 5;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px #bebebe;
    background: #bebebe;
    transition: all 0.8s;
}

::-webkit-scrollbar-thumb:hover {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px #aaaaaa;
    background: #aaaaaa;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #e0e0e0;
    border-radius: 0;
    background: #e0e0e0;
    opacity: 1;
}
body {
  font-family:Open Sans,Seravek,Segoe UI,Verdana,PingFang SC,Hiragino Sans GB,Lantinghei SC,Microsoft Yahei,WenQuanYi Micro Hei,sans !important;
  font-weight:400 !important;
  font-size:1rem !important;
  line-height:1.1 !important;
}
h1,h2,h3,h4,h5,h6{
  font-family:Open Sans,Seravek,Segoe UI,Verdana,PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,"sans-serif" !important;
  font-weight:300 !important;
  color:#3d3d3d;
  line-height:1.1 !important;
}
.card {
  border-radius: 0 !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .2) !important;
  transition: all 0.2s !important;
}
.card:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, .2) !important;
}
</style>
